<template>
 <van-grid square>
    <van-grid-item icon="graphic" text="手机"/>
    <van-grid-item icon="column" text="书籍" />
    <van-grid-item icon="friends-o" text="互助" />
    <van-grid-item icon="qr" text="全部分类" />
<!--    <van-grid-item icon="graphic" text="手机" />
    <van-grid-item icon="column" text="书籍" />
    <van-grid-item icon="friends-o" text="互助" />
    <van-grid-item icon="qr" text="全部分类" /> -->
  </van-grid>
</template>

<script>
  import Vue from 'vue';
  import { Grid, GridItem } from 'vant';

  Vue.use(Grid).use(GridItem);
  export default{
    name:'Layout'
  }
</script>

<style>
  .van-grid-item__content{
    color: #ffd84d;
  }
</style>
